<template>
  <div>
    <Drawer
      v-bind="$attrs"
      v-on="$listeners"
    >
    <template v-for="(index, name) in $slots" :slot="name">
		<slot :name="name" />
	</template>
      <div class="demo-drawer-footer">
        <Button style="margin-right: 8px" @click="value3 = false"
          >Cancel</Button
        >
        <Button type="primary" @click="value3 = false">Submit</Button>
      </div>
      <Spin fix></Spin>
    </Drawer>
  </div>
</template>

<script>
export default {
  name: "myDrawer",

  data() {
    return {};
  },

  mounted() {
      console.log(123123);
  },

  methods: {},
};
</script>

<style scoped>
.demo-drawer-footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 1px solid #e8e8e8;
  padding: 10px 16px;
  text-align: right;
  background: #fff;
}
</style>